/****************总容器*********************/

.wrapper{
	width: 100%;
	height: 100%;
	
}

/****************header*********************/
.wrapper header{
	width: 100%;
	height: 12vw;
	background-color: #0097FF;
	color: #FFFFFF;
	font-size: 4.8vw;
	
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrapper header .back{
	position: absolute;
	width: 2vw;
	height: 2vw;
	left: 1.5vw;
	top: 2.8vw;
	user-select:none;
	cursor: pointer;
}

/*****************orderInfo*******************/
.wrapper h3{
	margin-top: 12vw;
	box-sizing: border-box;
	padding: 4vw 4vw 0;
	
	font-size: 4vw;
	font-weight: 300;
	color: #999999;
}
.wrapper .orderInfo{
	box-sizing: border-box;
	padding: 4vw;
	font-size: 4vw;
	color: #666666;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrapper .orderInfo p:last-child{
	color: orangered;
}

/*orderDetail*/
.wrapper .orderDetail{
	width: 100%;
}
.wrapper .orderDetail li{
	width: 100%;
	box-sizing: border-box;
	padding: 1vw 4vw;
	
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.wrapper .orderDetail li p{
	font-size: 3vw;
	color: #666666;
}

/*payway*/
.wrapper .payment-type{
	width: 100%;
}
.wrapper .payment-type li{
	width: 100%;
	box-sizing: border-box;
	padding: 4vw;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrapper .payment-type li img{
	width: 33vw;
	height: 8.9vw;
}
.wrapper .payment-type li .fa-check-circle{
	font-size: 5vw;
	color: #38CA73;
}
.wrapper .paymentButton{
	width: 100%;
	box-sizing: border-box;
	padding: 4vw;
}
.wrapper .paymentButton button{
	width: 100%;
	height: 10vw;
	border: none;
	/*外轮廓线*/
	outline: none;
	background-color: #38CA73;
	border-radius: 4px;
	color: #FFFFFF;
}

/***************footer****************/
.wrapper .footer{
	width: 100%;
	height: 14vw;
	border-top: solid 1px #DDDDDD;
	background-color: #FFFFFF;
	
	/*固定在底部 固定定位*/
	position: fixed;
	left: 0;
	bottom: 0;
	
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.wrapper .footer li{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	color: #999999;
	user-selcet:none;
	cursor: pointer;
}
.wrapper .footer li p{
	font-size: 2.8vw;
}
.wrapper .footer li i{
	font-size: 5vw;
}
